Component({
  /**
   * 组件的属性列表
   */
  properties: {
    btnText: { 
      type: String, 
      value: '确定', 
    },
    top: { 
      type: Number, 
      value: 30, 
    },
    left: { 
      type: Number, 
      value: 30, 
    },
    bottom: {
      type: Number, 
      value: 30, 
    },
    right: {
      type: Number, 
      value: 30, 
    },
    height: {
      type: Number, 
      value: 90, 
    },
    width: Number,//直接设置按钮宽度
    fontSize: {
      type: Number,
      value: 32
    },
    color: {
      type: String,
    },
    disabledColor:{//处理时颜色
      type:String,
      value:'#ff9999'
    },
    plain: Boolean,
    isLoading: Boolean,
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 点击按钮
     */
    clickBtn: function () {
      const that=this;
      const isLoading = that.data.isLoading;
      if(isLoading) return;

      var isClick = that.data.isClick;
      if (isClick) return;
      isRepeatSubmit(that);

      this.triggerEvent('clickBtn',{isBtn:true});
    }
  }
})

// 按钮防重复提交
let isRepeatSubmit = function (that) {
  that.setData({
    isClick: true
  })
  var timmer = setTimeout(function () {
    that.setData({
      isClick: false
    })
  }, 1000)
}


/**
 *  调用方式
 * 1、json配置<当前使用组件与page页面的相对位置>："myButton": "/components/myButton/myButton"
 * 2、wxml引入组件：<myButton btnText="填写学校，找到校友" top='0' left="200" right="200" bottom="0" height="77" fontSize="30" plain="true" color="#D23B32"></myButton>
 *    按钮文字：btnText(String，选填，默认"确定")
 *    按钮顶部距离：top(Number，选填，默认30)
 *    按钮左部距离：left(Number，选填，默认30)
 *    按钮右部距离：right(Number，选填，默认30)
 *    按钮底部距离：bottom(Number，选填，默认30)
 *    按钮高度：height（Number，选填，默认90）
 *    按钮宽度：width(Number,选填，默认无)
 *    字体大小：fontSize（Number，选填，默认32）
 *    按钮是否缕空：plain（Boolean，选填，默认不缕空《当此值不为空即为true（缕空）,如需不缕空请设置为空（''）或不设置》）
 *    颜色：color(String，选填，默认"#D23B32")
 */